<!DOCTYPE html>
<html>
<head>
    <meta charset='utf-8'>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="author" content="于茂, http://www.cnblogs.com/Red-ButterFly/"/>
    <meta name="robots" content="index,follow"/>
    <meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-title" content="标题">
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="screen-orientation" content="portrait">
    <meta name="x5-orientation" content="portrait">
	<title>首页</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="css/jc.main.css">
	<link rel="stylesheet" href="css/swiper.min.css">
	<script type="text/javascript" src="js/jquery-3.1.0.min.js"></script>
</head>
<body>
	<header class="home">
		<div class="top-bar">
			<img src="source/img/home_03.png">
			<div class="search">
				<input type="text" placeholder="搜索你喜欢的商品" >
			</div>
			<a href="" class="top-info">
				<img src="source/img/home_07.png" alt="">
			</a>
		</div>
	</header>
	    <!-- Swiper -->
	<div ng-controller="promotion" class="page-body" ng-app="myApp">
		<div class="swiper-container">
	        <div class="swiper-wrapper">
	            <div class="swiper-slide" ng-repeat="i in swipers" on-finish-render="ngRepeatFinished">
					<a href="{{i.href}}"><img src="{{i.img}}" alt=""></a>
	            </div>
<!-- 	            <div class="swiper-slide">
	            	<a href=""><img src="source/temp/3.jpg" alt=""></a>
	            </div>
	           	<div class="swiper-slide">
	            	<a href=""><img src="source/temp/4.jpg" alt=""></a>
	            </div> -->
	        </div>
	        <!-- Add Pagination -->
	        <div class="swiper-pagination"></div>
    	</div>
    	<div class="home-select">
    		<a href="">
    			<img src="source/temp/hot.png" />
    			<p>热销</p>
    		</a>
    		<a href="">
    			<img src="source/temp/hot.png" />
    			<p>新品</p>
    		</a>
    		<a href="">
    			<img src="source/temp/hot.png" />
    			<p>秒杀</p>
    		</a>
    		<a href="">
    			<img src="source/temp/hot.png" />
    			<p>赠品</p>
    		</a>
    	</div>
    	<div class="promotion">
    		<div class="header">
    			<p><span class="vertical"></span><span class="tfont">限时促销</span></p>
    			<div class="countDown">距结束:
    			<span roles="h">03</span>&nbsp;:
    			<span roles="m">04</span>&nbsp;:
    			<span roles="s">07</span></div>
    			<div class="more"><span>更多商品</span><i>></i></div>
    		</div>
    		<div class="dbody">
	    		<article ng-repeat="i in promotions">
	    			<a href="http://www.baidu.com">
						<div class="trade-img" style="background-image:url('{{i.img}}')"></div>
						<p class="trade-name">{{i.name}}</p>
						<p class="now-price"><b>¥{{i.nowPrice}}</b></p>
				    	<p class="ori-price"><strike>¥{{i.oriPrice}}</strike></p>
			    	</a>
				</article>
<!-- 			<article>
					<div class="trade-img" style="background-image:url('source/img/33.png')"></div>
						<p class="trade-name">56°泸州老窖，湿哒哒气温气温为</p>
						<p class="now-price"><b>¥109.00</b></p>
				    	<p class="ori-price"><strike>¥50.00</strike></p>
				</article> -->
    		</div>
    	</div>
    	<div class="showAd-a"><a href="http://www.baidu.com"><img src="source/temp/1.jpg" alt=""></a></div>
    	<div class="reco">
    		<p>推荐商品</p>
    		<ul>
    			<li ng-repeat="i in recos">
    				<a href="http://www.baidu.com">
    					<div class="trade-img" style="background-image:url('{{i.img}}')">
    					</div>
    					<p class="trade-name">{{i.name}}</p>
    					<p><b class="now-price">¥{{i.nowPrice}}</b><strike class="ori-price">¥{{i.oriPrice}}</strike></p>
    				</a>
    			</li>
    		</ul>
    	</div>
	</div>
	<div class="footer">
		<footer>
			<a href="#">
				<span style="background-image:url('source/img/home_43.png')"></span>
				<p>首页</p>
			</a>
			<a href="#">
				<span style="background-image:url('source/img/home_34.png')"></span>
				<p>分类</p>
			</a>
			<a href="#">
				<span style="background-image:url('source/img/home_37.png')"></span>
				<p>购物车</p>
			</a>
			<a href="#">
				<span style="background-image:url('source/img/home_40.png')"></span>
				<p>我的</p>
			</a>
		</footer>
	</div>
</body>
 <script type="text/javascript" src='js/angular.min.js'></script>
 <script src="js/swiper.min.js"></script>
 <script type="text/javascript" src="js/jc.main.js"></script>
 <script type="text/javascript">


 </script>
</html>